html
    head
        meta(charset="utf-8")
        title 默认主题
        meta(http-equiv="pragma" content="no-cache")
        meta(http-equiv="cache-control" content="no-cache")
        meta(http-equiv="expires" content="0")
        meta(name="description" content="")
        meta(name="viewport" content="width=device-width, initial-scale=1")
        link(href="images/favicon.ico" rel="shortcut icon")
        link(rel="stylesheet" href="css/main.css")
    body
        div#codemirror
            button.code
                |生成编辑器
        div#first(title="abc")
            button#btn_react1
                | 测试react1
            button#btn_hidediv
                | 隐藏div
            button#btn_echarts
                | 测试echarts
            button#btn_testPromise
                | 测试Promise
        div#template_test2
        div#second
            img(src="../images/logo.png")
        div#links
            a(href="#")
                |首页
            a(href="#search")
                | 查询列表
            a(href="#search/abc")
                | 关键字查询
            a(href="#search/abc/p2")
                | 页码关键字查询
            a(href="#error")
                | 其它
        div#divshow
        div#container
            div
                a(href="login.html")
                    login
            div.row1
                div#div1.icon
                    |这里是内容asdfasdf1
                    |这里是内容2
                    |这里是内容3
                    |这里是内容4修改一下
            .row2(something=null)
            .row3
                input(type="checkbox" checked)
                input#searchbaidu(type="text")

        div#btn_backbone
            button#btn_show
                | 显示
            button#btn_hide
                | 隐藏
        div#personInfo
            | 这里是一些个人信息
            input#back(type="button",value='后退',onclick="window.history.back()")
        div#btns
            button#btn_react2
                | 测试react2
            button#testES6(value="测试ES6中jQuery中的this")
                |测试ES6中jQuery中的this
            button#stopNavigate(isStop="false")
                |停止导航
            button#btn_plotly
                | 测试plotly
            button#btn_Once
                | 测试Underscore_Once
            button#btn_Rx
                | 测试Rx_click
            button#btn_Rx_close
                | 测试Rx_close
            button#btn_Bacon
                | 测试Bacon_click
            button#btn_scroll
                |测试scroll
            button#btn_generators
                |测试generators
            button#btn_iterator
                |测试iterator
            button#btn_iterator_yield
                |测试iterator_yield
            button#btn_iterator_split
                |测试iterator_split
            button#btn_iterator_filter
                |测试iterator_filter
            button#copy-button(data-clipboard-text="这里是剪贴板内容!")
                |测试剪贴板功能
        div#scroll1
            |这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容！
        script#scoreTemplate(type="text/template")
            <%= score >600? '优秀':'良好' %>
        script#personTemplate(type="text/template")
            div.person
                <%= name%>|<%= age%>
        script#personTemplate2(type="text/template")
            //div.person
            //    {{name}}*{{age}}
        script#divTemplate(type="text/template")
            div.mess
                <%=mess%>
            div.btn
                button.btn100
                    |哈哈
        script#bindTemplate(type="text/template")
            div.message
                |这里是一些动态的内容
            button.btn-unbind
                |取消事件绑定
            button.btn-bind(onclick="stuv.rebind()")
                |重新绑定事件
        script#appTemplate(type="text/template")
            ul.personlist
                li
                    |姓名
                li
                    |年龄
            div.personinfo
                input.username(type="text")
                input.age(type="text")
                input.btnsubmit(type="button",value="提交")
        script#firstTemplate(type="text/template")
            <%for(var v of aRes){%>
            <div><%= v%></div>
            <%}%>
        script#svgTemplate2(type="text/template")
            <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" id="dynsvg">
            <g stroke-width="10" stroke="red" transform="translate(0,0)" id="bazi">
            <path stroke-width="2" class="dyn" fill="none"></path>
            </g>
            </svg>
        script#ReactTemplate(type="text/babel")
            <input type="text" value={this.state.value} onChange={this.handleChange} />
        script(src="scripts/main.js")
        script(src="scripts/plotly-latest.min.js")
